var myChartl3_3 = echarts.init(document.getElementById('fb3'));
optionl3_3 = {
    title: [{
        text: '兴趣分布',
        left: 'center',
        textStyle: {
            color: '#fff',
            fontSize: '16'
        }

    }],
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        position: function(p) { //其中p为当前鼠标的位置
            return [p[0] + 10, p[1] - 10];
        }
    },
    legend: {
        top: '70%',
        itemWidth: 10,
        itemHeight: 10,
        data: ['汽车', '旅游', '财经', '教育', '软件', '其他'],
        textStyle: {
            color: 'rgba(255,255,255,.5)',
            fontSize: '12',
        }
    },
    series: [{
        name: '兴趣分布',
        type: 'pie',
        center: ['50%', '42%'],
        radius: ['40%', '60%'],
        color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab', '#06b4ab', '#06c8ab', '#06dcab', '#06f0ab'],
        label: { show: false },
        labelLine: { show: false },
        data: [
            { value: 2, name: '汽车' },
            { value: 3, name: '旅游' },
            { value: 1, name: '财经' },
            { value: 4, name: '教育' },
            { value: 8, name: '软件' },
            { value: 1, name: '其他' },
        ]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChartl3_3.setOption(optionl3_3);
window.addEventListener("resize", function() {
    myChartl3_3.resize();
});